<template>
  <div style="padding-left: 15%;">
    <el-card class="box-card" v-for="(item,index) in items" :date="item" v-bind:key="index">
      <div slot="header" class="clearfix">
        <div class="txt" style="float: left;display: inline-block; "> {{item.name}}</div>
        <el-button-group  style="float: right; padding: 0;display: inline-block;" >
          <el-button size="mini"  icon="el-icon-edit">查看负责人相关信息</el-button>
          <el-button size="mini"  icon="el-icon-share"></el-button>
          <el-button size="mini"  icon="el-icon-delete"></el-button>
        </el-button-group>
      </div>
      <div v-for="o in 4" :key="o" class="text item">{{'列表内容 ' + o }}</div>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      items: [
        {
          name: "资产筹划部门",
          responsibility_person: "高世雄"
        },
        {
          name: "资产库存部门",
          responsibility_person: "高世雄"
        }
      ]
    };
  }
};
</script>
<style scoped>
.txt{
  font-weight: bold;
  font-size: 20px;
}
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.box-card {
  width: 900px;
  margin-bottom: 2%;
}
</style>